@font-face {
	font-family: "SourceHanSansCN-Regular";
	src: url("fonts/SourceHanSansCN-Regular.woff2") format("woff2"),
		url("fonts/SourceHanSansCN-Regular.woff") format("woff"),
		url("fonts/SourceHanSansCN-Regular.ttf") format("truetype"),
		url("fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
		url("fonts/SourceHanSansCN-Regular.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

html,
body {
	margin: 0;
	font-family: "SourceHanSansCN-Regular";
}

/* 文本安全域 */
.content-box {
	max-width: 1200px;
	margin: 0 auto;
}

p {
	margin: 0;
}

.bai-text {
	color: #fff;
}

.back-img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.flex-box {
	display: flex;
}

.center-box {
	text-align: center;
}

.input-box {
	height: .32rem;
	border: solid .01rem #999;
	border-radius: .02rem;
	font-size: .15rem;
	align-items: center;
}

.input-style {
	padding: .02rem 0 .02rem .12rem;
	font-size: .14rem;
	outline: none;
	border: none;
	color: #333;
	font-family: "SourceHanSansCN-Regular";
	/* 通用 */
	/* firefox 19+ */
	/* ie */
}

.input-style::-webkit-input-placeholder {
	font-size: .15rem;
	color: #7f7f7f;
	font-family: "SourceHanSansCN-Regular";
}

.input-style::-moz-placeholder {
	font-size: .15rem;
	color: #7f7f7f;
	font-family: "SourceHanSansCN-Regular";
}

.input-style:-ms-input-placeholder {
	font-size: .15rem;
	color: #7f7f7f;
	font-family: "SourceHanSansCN-Regular";
}

.input-style:-moz-placeholder {
	font-size: .15rem;
	color: #7f7f7f;
	font-family: "SourceHanSansCN-Regular";
}

div.title-box {
	text-align: center;
}

div.title-box div {
	font-size: .18rem;
	height: .18rem;
	line-height: .18rem;
	color: #323232;
	margin-bottom: .08rem;
}

div.title-box div span {
	color: #2362ae;
}

div.title-box p {
	font-size: .13rem;
	height: .13rem;
	line-height: .13rem;
	color: #656565;
	margin-bottom: 0.08rem;
}

div.btn-box {
	width: 3.02rem;
	height: .33rem;
	line-height: .33rem;
	font-size: .15rem;
	background-color: #2362ae;
	color: #ffffff;
	text-align: center;
	margin: 0 auto;
	cursor: pointer;
	border-radius: .02rem;
	font-weight: bold;
}

ul.dropdown-menu {
	position: absolute;
	top: .35rem;
	width: 1.16rem;
	left: 0;
	margin: 0;
	border: 1px solid #999;
	background-color: #fff;
	padding-left: 0px;
	display: none;
}

ul.dropdown-menu li {
	list-style: none;
	text-align: center;
	font-size: .14rem;
}

ul.dropdown-menu li.active {
	background-color: #f7f7f7;
}

header {
	background-image: url(mobile/header/banner.jpg);
	height: 3.84rem;
	position: relative;
	margin-bottom: 2.88rem;
}

header>.play-phone {
	position: absolute;
	width: 1.2rem;
	height: .2rem;
	top: .1rem;
	right: .1rem;
}

header .form-box {
	width: 3.47rem;
	height: 3.29rem;
	margin: 0 auto;
	box-shadow: 0 0 .08rem 0 rgba(7, 63, 151, 0.61);
	border-radius: .03rem;
	justify-content: space-between;
	display: block;
	position: absolute;
	bottom: -2.5rem;
	left: calc(50% - 1.73rem);
}

a {
	text-decoration: none;
	color: #fff;
}

header .form-box>.right {
	width: 100%;
	height: 100%;
	justify-content: space-between;
	background-color: #ffffff;
}

header .form-box>.right>.left-box {
	height: 1.53rem;
	background-color: #2362ae;
}

header .form-box>.right .title {
	padding-top: .14rem;
	font-size: .18rem;
	height: .18rem;
	line-height: .18rem;
	color: #fff;
	margin-bottom: .08rem;
}

header .form-box>.right .title span {
	color: #f5c920;
}

header .form-box>.right>.left-box>.submin-title {
	font-size: .12rem;
	height: .12rem;
	line-height: .12rem;
	color: #fff;
}

header .form-box>.right>.left-box>.submin-title>span {
	color: #f5c920;
}

header .form-box>.right>div.left-box>.daojishi {
	width: 3.02rem;
	height: .67rem;
	background-color: rgba(255, 255, 255, .15);
	border-radius: .02rem;
	margin: .1rem auto 0;
	padding-top: .12rem;
}

header .form-box>.right>div.left-box>.daojishi>div.shengyu {
	height: .15rem;
	line-height: .15rem;
	font-size: .15rem;
	text-align: center;
	margin-bottom: .14rem;
	width: 100%;
	position: relative;
	color: #fff;
}

header .form-box>.right>div.left-box>.daojishi>div.shengyu>span {
	position: absolute;
	width: .47rem;
	height: .03rem;
	top: .06rem;
	left: .5rem;
	background-image: linear-gradient(to right, rgba(0,0,0,0), #f5c920);
}

header .form-box>.right>div.left-box>.daojishi>div.shengyu>span:last-child {
	background-image: linear-gradient(to right, #f5c920, rgba(0,0,0,0));
	left: 2.04rem;
}

header .form-box>.right>div.left-box>.daojishi>div.time-box {
	display: flex;
	align-items: center;
	height: .22rem;
	justify-content: center;
	font-size: .15rem;
	color: #fff;
}

header .form-box>.right>div.left-box>.daojishi>div.time-box>span {
	width: .28rem;
	height: .22rem;
	line-height: .22rem;
	display: inline-block;
	margin: 0 .07rem 0 .23rem;
	background-color: #fff;
	color: #2362ae;
	text-align: center;
	font-weight: bold;
}

header .form-box>.right>div.left-box>.daojishi>div.time-box>span:first-child {
	margin-left: 0;
}

header .form-box>.right .price {
	position: relative;
	font-size: .13rem;
	height: .13rem;
	line-height: .13rem;
	color: #656565;
	margin-bottom: .16rem;
}

header .form-box>.right .price span {
	position: relative;
	z-index: 1;
}

header .form-box>.right .price p {
	display: none;
	width: 1.48rem;
	height: .04rem;
	background-color: #fde1b3;
	border-radius: .04rem;
	position: absolute;
	left: calc(50% - .76rem);
	bottom: .02rem;
}

header .form-box>.right .form-container {
	/* margin-left: 40px; */
	width: 3.02rem;
	margin: .17rem auto 0;
}

header .form-box>.right .form-container>.input-box {
	width: 2.51rem;
	margin-bottom: .13rem;
	padding-left: .49rem;
	background-image: url(mobile/header/yonghu.png);
	background-repeat: no-repeat;
	background-size: .19rem .2rem;
	background-position: .15rem .07rem;
}

header .form-box>.right .form-container>.input-box.phone {
	background-position: .17rem .07rem;
	background-size: .14rem .2rem;
	background-image: url(mobile/header/shouji.png);
	margin-bottom: .13rem;
}

header .form-box>.right .form-container>.input-box span {
	display: inline-block;
	width: .01rem;
	height: .22rem;
	background-color: #cbcbcb;
}

header .form-box>.right .form-container>.input-box input {
	width: 1.7rem;
}

header .form-box>.right .form-container .btn {
	font-size: .15rem;
	color: #ffffff;
	width: 3.02rem;
	height: .33rem;
	line-height: .33rem;
	background-color: #2362ae;
	border-radius: .02rem;
	font-weight: bold;
}

header .form-box>.right .form-container p.mianfei {
	height: .12rem;
	line-height: .12rem;
	color: #808080;
	font-size: .12rem;
	margin-top: .06rem;
	text-align: center;
}

header .form-box>.right .bottom-box {
	height: 0.31rem;
	background-color: rgba(237, 187, 121, 0.34);
	align-items: center;
	justify-content: center;
	margin-top: .15rem;
	border-radius: 0 0 .09rem .09rem;
}

header .form-box>.right .bottom-box img {
	width: 0.12rem;
	height: .13rem;
}

#guangbo-banner {
	width: 2.69rem;
	height: 1.41rem;
	padding: .18rem .14rem .18rem .19rem;
	margin: 0;
	background-color: #ffffff;
	border-radius: .07rem;
	/* margin-top: -.02rem; */
}

#guangbo-banner p {
	display: flex;
	justify-content: space-between;
	font-size: .14rem;
	color: #7f7f7f;
	margin-top: -.04rem;
}

header .form-box>.right .bottom-box p {
	font-size: .14rem;
	color: #cd0014;
	margin-left: .14rem;
}

header .form-box>.right .bottom-box p span {
	margin-left: .1rem;
}

.sesion-one {
	padding-bottom: .34rem;
}

.sesion-one .annoyance-content {
	flex-wrap: wrap;
	width: 3.46rem;
	margin: 0 auto;
}

.sesion-one .annoyance-content>div {
	width: 1.68rem;
	height: 1.93rem;
	background-color: #f7f7f7;
	display: flex;
	flex-wrap: wrap;
}

.sesion-one .annoyance-content>div:first-child {
	margin-bottom: 8px;
}

.sesion-one .annoyance-content>div:nth-child(2n + 1) {
	margin-right: .1rem;
}

.sesion-one .annoyance-content>div>img {
	width: 100%;
	height: 1.03rem;
}

.sesion-one .annoyance-content>div>p {
	font-size: .12rem;
	height: .12rem;
	color: #656565;
	text-align: center;
	width: 1.56rem;
	margin: 0 auto;
	line-height: 1.5;
	display: flex;
	position: relative;
	top: -18px;
}

.annoyance-content>div>p.annoyance-title {
	height: .24rem;
	align-items: center;
	margin-left: .08rem;
	font-weight: bold;
	color: #323232;
	font-size: .13rem;
	width: auto;
	top: -4px;
}

.annoyance-content>div>p.annoyance-title span {
	width: .24rem;
	height: .24rem;
	line-height: .24rem;
	border-radius: 50%;
	background-color: #2362ae;
	color: #fff;
	margin-right: .04rem;
}


#banner-three {
	height: .81rem;
}

.sesion-one .banner-three img {
	width: 1.13rem;
	height: .81rem;
	vertical-align: top;
}

.sesion-one .btn-box {
	margin-top: .18rem;
}

div.guodutiao {
	background-image: url(mobile/static/guodu.jpg);
	height: 1.91rem;
	margin-bottom: 8.06rem;
	display: none;
}


.sesion-two {
	margin-top: 0.28rem;
	position: relative;
}

.sesion-two .content-box .title-box {
	margin-bottom: .2rem;
}

.sesion-two .content-box .title-box p {
	color: #7e7e7e;
}

.sesion-two .shuju {
	width: 3.02rem;
	height: .55rem;
	margin: 0 auto;
	background-image: url(mobile/teacher/shuju.png);
}

.choose-content {
	width: 3.75rem;
	margin-bottom: .2rem;
}

.teacher-banner {
	width: 100%;
	/* overflow: hidden; */
}

#teacher-banner .swiper-slide {
	width: 2.72rem;
	height: 4.16rem;
	
	transform: scale(0.8);
	transition: transform 0.3s linear;
	font-size: .12rem;
}

#teacher-banner .swiper-slide > div {
	height: 4.05rem;
	box-shadow: 0px .01rem .11rem 0px rgba(0, 0, 0, 0.22);
	background-color: #f8f8f8;
	background-image: url(mobile/teacher/bg2.jpg);
}

.top-content {
	height: 1.82rem;
	background-image: url(mobile/teacher/bg.jpg);
	position: relative;
}
.top-content > img {
	height: 100%;
	position: absolute;
	bottom: 0;
	left: .15rem;
}

.top-content-name {
	position: absolute;
	right: .1rem;
	bottom: .12rem;
	text-align: right;
}

.top-content-name > p {
	color: #fff;
	font-size: .15rem;
	height: .15rem;
	line-height: .15rem;
	margin-bottom: .07rem;
}
.top-content-name > span {
	color: #2362AE;
	background-color: #F5C920;
	font-size: .14rem;
	height: .14rem;
	line-height: .14rem;
	display: inline-block;
	padding: .01rem .08rem .01rem .04rem;
}

#teacher-banner .swiper-slide.swiper-slide-active {
	transform: scale(1);
}

.bottom-content-image {
	display: flex;
	justify-content: space-between;
	margin: .04rem .06rem .1rem;
}

.bottom-content-image > img {
	width: .85rem;
	height: .64rem;
}

.bottom-content > p {
	width: 2.52rem;
	margin: 0 auto;
	color: #666;
	line-height: 1.7;
}

.sesion-two .content-box .btn-box {
	margin-bottom: 0.25rem;
}

.sesion-three {
	padding-top: .26rem;
	padding-bottom: .27rem;
	position: relative;
	background-image: url(mobile/material/bg.jpg);
}

.sesion-three .title-box>div {
	color: #fff;
}

.sesion-three .title-box>p {
	color: rgba(255, 255, 255, .8);
}

.sesion-three .title-box>div>span {
	color: #f5c920;
}

.sesion-three .btn-box {
	background-color: #f5c920;
	color: #2362AE;
}


.sesion-three .content-box .material-box {
	width: 3.5rem;
	display: block;
	margin: .19rem auto;
}

.sesion-three .content-box .material-box>img {
	width: 100%;
	height: 2.45rem;
	vertical-align: middle;
}


.sesion-three .content-box .material-box .right-box {
	font-size: 0.12rem;
	margin: 0 .46rem;
}

.sesion-three .content-box .material-box .right-box .top-box {
	flex-wrap: wrap;
	justify-content: space-between;
}

.sesion-three .content-box .material-box .right-box .top-box>div {
	width: 1rem;
	height: 0.25rem;
	line-height: 0.25rem;
	padding-left: 0.32rem;
	font-size: .14rem;
	color: #ffffff;
	background-size: 100%;
}

.sesion-three .content-box .material-box .right-box .top-box>div:nth-child(1) {
	background-image: url(mobile/material/5.png);
}

.sesion-three .content-box .material-box .right-box .top-box>div:nth-child(2) {
	background-image: url(mobile/material/2.png);
}

.sesion-three .content-box .material-box .right-box .top-box>div:nth-child(3) {
	background-image: url(mobile/material/3.png);
}

.sesion-three .content-box .material-box .right-box .top-box>div:nth-child(4) {
	background-image: url(mobile/material/4.png);
}

.sesion-three .content-box .material-box .right-box .top-box>div:nth-child(2n + 1) {
	margin-bottom: .14rem;
}

.sesion-three .content-box .material-box .right-box p {
	line-height: .42rem;
	display: none;
}

.sesion-three .content-box .material-box .mobile-material {
	width: 323px;
	margin: 0 auto;
	color: #343434;
	font-size: 0.12rem;
}

.sesion-three .content-box .material-box .mobile-material p {
	text-indent: .22rem;
	margin-bottom: .1rem;
	background-image: url(mobile/material/文字前圆形装饰.png);
	background-repeat: no-repeat;
	background-position: 0.08rem .06rem;
	background-size: 0.05rem 0.05rem;
}

.sesion-four {
	padding-top: .29rem;
	padding-bottom: .33rem;
	background-image: url(mobile/class/bg.jpg);
}

.sesion-four .title-box>div {
	color: #fff;
}

.sesion-four .title-box>p {
	color: rgba(255, 255, 255, .8);
}

.sesion-four .btn-box {
	background-color: #f5c920;
	color: #2362AE;
	margin-top: .25rem;
}

.sesion-four .title-box>div>span {
	color: #f5c920;
}

.sesion-four-container {
	display: block;
	font-size: .12rem;
	margin-top: .2rem;
}

.sesion-four-container>div {
	width: 3.52rem;
	height: 1.66rem;
	margin: 0 auto .13rem;
	background-color: #fff;
	justify-content: space-between;
}

.sesion-four-container>div>div.image {
	width: 1.36rem;
	height: 1.66rem;
	position: relative;
}

.sesion-four-container>div>div.image>p.title {
	color: #2362ae;
	font-size: .14rem;
	font-weight: bold;
	position: absolute;
	top: 1.3rem;
	left: .23rem;
}

.sesion-four-container>div>div.image:nth-child(2)>p.title {
	left: .12rem;
}

.sesion-four-container>div>div.image:nth-child(1) {
	background-image: url(mobile/class/1.jpg);
}

.sesion-four-container>div>div.image:nth-child(2) {
	background-image: url(mobile/class/2.jpg);
}

.sesion-four-container>div>div.three:nth-child(1) {
	background-image: url(mobile/class/3.jpg);
}

.sesion-four-content {
	width: calc(100% - 1.59rem);
	padding-top: .15rem;
}

.sesion-four-second {
	margin-left: .19rem;
}

.sesion-four-content>p {
	font-size: .14rem;
	height: .14rem;
	line-height: .14rem;
	color: #323232;
	font-weight: bold;
}

.sesion-four-content>span.button-box {
	display: inline-block;
	width: 1.3rem;
	height: .22rem;
	line-height: .22rem;
	text-align: center;
	font-size: .12rem;
	background-color: #2362ae;
	color: #fff;
	font-weight: bold;
}

.sesion-four-content>ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: .13rem;
	margin-bottom: .13rem;
}

.sesion-four-content>ul>li {
	padding-left: .11rem;
	height: .11rem;
	line-height: .11rem;
	color: #323232;
	position: relative;
	margin-bottom: .09rem;
}

.sesion-four-content>ul>li:before {
	content: '';
	width: .05rem;
	height: .05rem;
	border-radius: 50%;
	background-color: #f5c920;
	position: absolute;
	left: 0;
	top: .03rem;
}

.sesion-four .top-box {
	height: 1.3rem;
	margin: 37px 0 .23rem;
	background-image: url(pc/class/选择班型.png);
	color: #fff;
	align-items: center;
	display: none;
}

.sesion-four .top-box .left-box {
	width: 443px;
	font-size: 40px;
	text-align: center;
}

.sesion-four .top-box .right-box {
	color: #333;
	margin-left: 52px;
	font-size: .2rem;
}

.sesion-four .top-box .right-box span {
	color: #cd0014;
}

.sesion-four .bottom-box {
	flex-wrap: wrap;
	margin-bottom: 40px;
	display: none;
}

.sesion-four .bottom-box>div {
	width: 56.04rem;
	height: 241px;
	padding: 2.06rem 0 0.21rem 2.06rem;
	background-image: url(pc/class/选择班型1.png);
}

.sesion-four .bottom-box>div:nth-child(2n + 1) {
	margin-right: .2rem;
}

.sesion-four .bottom-box>div:nth-child(1) {
	margin-bottom: 0.25rem;
}

.sesion-four .bottom-box>div>div {
	margin-left: .38rem;
}

.sesion-four .bottom-box>div>div>p {
	font-size: .2rem;
	color: #333;
}

.sesion-four .bottom-box>div>div>p.title {
	font-size: 2.04rem;
	color: #cd0014;
	margin-bottom: 0.25rem;
}

.sesion-four .bottom-box>div>div>div {
	margin-top: .13rem;
	margin-bottom: .18rem;
}

.sesion-four .bottom-box>div>div:nth-child(1)>div {
	line-height: .5rem;
}

.sesion-four .mobile-bottom-box {
	margin: .15rem .23rem .14rem;
}

.sesion-four .mobile-bottom-box>div {
	width: 100%;
	height: 1rem;
	background-image: url(mobile/class/a.png);
	margin-bottom: 0.08rem;
}

.sesion-four .mobile-bottom-box>div:nth-child(2n) {
	background-image: url(mobile/class/b.png);
}

.sesion-four .mobile-bottom-box>div img {
	width: 1rem;
	height: 1rem;
}

.sesion-four .mobile-bottom-box>div>div p {
	color: #333333;
	height: 0.12rem;
	line-height: 0.12rem;
	font-size: 0.12rem;
	margin-bottom: .06rem;
}

.sesion-four .mobile-bottom-box>div>div p.top-title {
	font-size: .15rem;
	color: #cd0014;
	height: .15rem;
	line-height: .15rem;
	margin-top: .15rem;
	margin-bottom: 0px;
}

.sesion-four .mobile-bottom-box>div>div .left-box {
	width: .98rem;
}

.sesion-four .mobile-bottom-box>div>div p.heshi {
	margin: .1rem 0 0.05rem;
}

.sesion-four .mobile-bottom-box>div:nth-child(2n + 1)>div {
	margin-left: .24rem;
}

.sesion-four .mobile-bottom-box>div:nth-child(2n)>div {
	margin-left: .45rem;
	width: calc(100% - 1.40rem);
}

.sesion-five {
	margin-top: .35rem;
	font-size: .15rem;
}

.sesion-five div.btn-box {
	margin: .18rem auto .34rem;
}

.tabs-one {
	width: 3.5rem;
	margin: .19rem auto .18rem;
	display: flex;
	justify-content: space-between;
}

.tabs-one span {
	width: .63rem;
	height: .22rem;
	line-height: .22rem;
	display: inline-block;
	border: .01rem solid #666;
	text-align: center;
	color: #656565;
	border-radius: .01rem;
}

.tabs-two>span.active,
.tabs-one span.active {
	background-color: #2362ae;
	border-color: #2362ae;
	color: #fff;
}

.project-abstract {
	width: 3.24rem;
	background-color: #f7f7f7;
	margin: 0 auto;
	padding: .17rem 0 .26rem .26rem;
}

.project-abstract>.project-title {
	color: #323232;
	height: .15rem;
	line-height: .15rem;
	font-size: .15rem;
	font-weight: bold;
	position: relative;
	margin-bottom: .27rem;
}

.tabs-two>span {
	display: inline-block;
	width: .59rem;
	height: .22rem;
	line-height: .22rem;
	text-align: center;
	border: .01rem solid #666;
	color: #656565;
	border-radius: .01rem;
	margin-bottom: .1rem;
	margin-bottom: .1rem;
}

.tabs-two>span:last-child {
	margin-bottom: .25rem;
}

.project-abstract>.project-title>p.line {
	width: .35rem;
	height: .04rem;
	background-color: #f5c920;
	position: absolute;
	bottom: -.1rem;
	left: 0;
}

.project-abstract>ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: .33rem;
}

.project-abstract>ul>li {
	font-size: .14rem;
	height: .14rem;
	line-height: .14rem;
	color: #323232;
	padding-left: .19rem;
	margin-bottom: .21rem;
	position: relative;
}

.project-abstract>ul>li:before {
	content: '';
	width: .06rem;
	height: .06rem;
	background-color: #2362AE;
	position: absolute;
	border-radius: 50%;
	left: 0;
	top: .03rem;
}

.project-abstract>ul>li:last-child {
	margin-bottom: 0;
}

.sesion-six {
	padding-top: 0.25rem;
	padding-bottom: .27rem;
	background-image: url(pc/student/bg.png);
}


.sesion-sevent {
	margin-top: 0.25rem;
}

.sesion-sevent .back-img {
	height: 2.6rem;
	width: 100%;
	background-image: url(mobile/static/study-bg.jpg);
	margin-bottom: .19rem;
	margin-top: .11rem;
}

.customized {
	width: 100%;
	margin-top: .35rem;
	position: relative;
}

.customized>.customized-content {
	width: 3.52rem;
	height: 6.9rem;
	margin-top: .19rem;
	margin: 0 auto;
	background-image: url(mobile/customized/xiaochu.png);
	box-shadow: 0px .03rem .08rem 0px rgba(35, 98, 174, 0.51);
	border-radius: .05rem .05rem 0px 0px;
}

.customized>span {
	width: .35rem;
	height: .39rem;
	display: inline-block;
	position: absolute;
	top: 2.96rem;
}

.customized>span.left-box {
	background-image: url(mobile/customized/zuo.png);
	left: 0;
}

.customized>span.right-box {
	background-image: url(mobile/customized/you.png);
	right: 0;
}

.sesion-eight {
	height: 5.11rem;
	position: relative;
	background-color: #2362ae;
}

.sesion-eight .title-box {
	display: none;
}

.sesion-eight .form-box {
	margin: 0 .37rem;
}

.sesion-eight .form-box>img {
	display: none;
}

.sesion-eight .form-box .form-container {
	margin: 0 auto;
	padding-top: .24rem;
}

.sesion-eight .form-box .form-container>p {
	color: #ffffff;
	font-size: .18rem;
	height: .18rem;
	line-height: .18rem;
	text-align: center;
	margin-bottom: .18rem;
}

.sesion-eight .form-box .form-container>.input-form {
	display: block;
}

.sesion-eight .form-box .form-container .input-box {

	height: .31rem;
	padding-left: .44rem;
	background-image: url(mobile/header/yonghu.png);
	background-size: .19rem .2rem;
	background-position: .15rem .06rem;
	background-repeat: no-repeat;
	margin: 0 auto .13rem;
	background-color: #fff;
}

.sesion-eight .form-box .form-container .phone {
	background-position: .17rem .06rem;
	background-size: .14rem .2rem;
	background-image: url(mobile/header/shouji.png);
}

.sesion-eight .form-box .form-container .input-box>span {
	display: inline-block;
	width: 1px;
	height: .22rem;
	background-color: #cbcbcb;
}

.sesion-eight .form-box .form-container .input-box img {
	margin: 0 .2rem;
}

.sesion-eight .form-box .form-container .input-box input {
	width: 1.7rem;
}

.sesion-eight .form-box .form-container ul.dropdown-menu {
	width: 2.99rem;
	top: .36rem;
	z-index: 99999;
}

.sesion-eight .form-box .form-container div.dro {
	margin-bottom: .13rem;
	justify-content: center;
}

.sesion-eight .form-box .form-container div.dro>div {
	width: 100%;
	height: .31rem;
	padding: 0 .15rem;
	font-size: .14rem;
	color: #7f7f7f;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #999;
	border-radius: .04rem;
	cursor: pointer;
	background-color: #fff;
	position: relative;
}

.sesion-eight .form-box .form-container div.dro>div p {
	width: 0;
	height: 0;
	border-left: .06rem solid transparent;
	border-right: .06rem solid transparent;
	border-top: 0.08rem solid #333333;
}


.sesion-eight .form-box .form-container .btn {
	line-height: .33rem;
	font-size: .15rem;
	color: #2362ae;
	height: .33rem;
	background-color: #f5c920;
	border-radius: .02rem;
	font-weight: bold;
}

.sesion-eight .form-box .form-container p.mianfei {
	font-size: .12rem;
	height: .12rem;
	line-height: .12rem;
	color: #ffffff;
	margin: .1rem auto .16rem;
}

footer {
	display: none;
	height: 1.92rem;
	background-image: url(pc/static/zuidibu.png);
}

footer .content-box {
	position: relative;
	height: 100%;
}

footer .content-box>div {
	position: absolute;
	left: 1.35rem;
	bottom: .15rem;
}

footer .content-box>div input {
	height: .31rem;
	line-height: .31rem;
	font-size: .18rem;
	border: 1px solid #cbcbcb;
	border-radius: .04rem;
	width: 1.28rem;
	padding-left: .13rem;
	outline: none;
	margin-right: .09rem;
}

footer .content-box>div .btn {
	width: 1.43rem;
	height: .35rem;
	line-height: .35rem;
	text-align: center;
	border-radius: .04rem;
	background-color: #f6ab00;
	color: #fff;
	font-size: .18rem;
}

.company-info {
	height: 1.73rem;
}

.company-info>div {
	width: 100%;
	height: 100%;
	background-image: url(mobile/static/bg.jpg);
}

.swiper-button-prev,
.swiper-button-next {
	width: 0.05rem;
	height: .1rem;
	display: none;
}


.pc-title-box,
.pc-btn {
	display: none;
}

.swiper-container-horizontal>.swiper-pagination-bullets {
	height: 1.14rem !important;

}

.wrapper {
	position: relative;
	overflow: hidden;
	height: 100px;
	width: 100%;
}

.pc-style {
	display: none;
}

.cc {
	background-image: url(mobile/static/guodu.jpg);
	height: .96rem;
}

.swiper-pagination-bullet {
	background-color: #fff;
	opacity: 1;
}

.swiper-pagination-bullet-active {
	background-color: #f4edd1;
}

.choose-project {
	height: .36rem;
	font-size: .14rem;
	align-items: center;
	margin-bottom: .15rem;
	border: solid .01rem #999999;
	border-radius: .05rem;
	padding: 0 .15rem;
}

.choose-project>div {
	width: 50%;
	align-items: center;
}

.choose-project>div>span {
	display: inline-block;
	width: .07rem;
	height: .07rem;
	padding: .03rem;
	border: 1px solid #22262E;
	border-radius: 50%;
	margin-right: .05rem;
}

.choose-project>div.active>span {
	background-color: #007AFF;
}
